
@extends('layouts.message')

@section('title','私信 微博-随时随地发现新鲜事')

@section('v6_pl_content_messagelist')
    <div id="v6_pl_content_messagelist">
        <!--Houston, Tranquility Base here. The Eagle has landed.-->
        <div class="WB_cardwrap S_bg2">
            <div class="private_list_box">
                <!-- 头部 -->
                <div class="private_head S_bg2">
                    <!-- title && search -->
                    <div class="private_search S_line2 clearfix">
                        <div class="WB_cardtitle_a W_fl ">
                            <h4 class="obj_name">
                                <span class="main_title S_txt1 W_fb W_f14">私信</span></h4>
                        </div>
                        <div class="search_box W_fr">
                              <span class="WB_search_s">
                                <input type="text" placeholder="查找私信记录" class="W_input">
                                <span class="pos">
                                  <a href="javascript:void(0);" title="搜索" class="W_ficon ficon_search S_ficon S_ficon_dis">f</a></span>
                              </span>
                            <a href="javascript:void(0);" title="设置" class="W_ficon ficon_setup S_ficon W_f20">J</a></div>
                    </div>
                    <!-- title && search -->
                    <!-- 已读 && 屏蔽 -->
                    <div class="private_operation clearfix">
                        <div class="have_read W_fl">
                            <a href="javascript:void(0);" class="W_btn_b">全部置为已读</a></div>
                        <div class="have_empty W_fl">
                            <a href="javascript:void(0)" class="W_btn_b">清空所有私信</a></div>
                        <p class="shield W_fl S_txt1 W_f14">已屏蔽
                            <a href="javascript:void(0);" class="S_link1">1个对象</a></p>
                    </div>
                    <!-- 已读 && 屏蔽 --></div>
                <!-- 头部 -->
                <div class="private_body">
                    <!-- 单条文字 -->
                    <div class="private_list SW_fun_bg S_line2 clearfix " style="z-index: 87;">
                        <div class="private_user W_fl">
                            <a href="javascript:void(0);" class="face">
                                <img class="W_face_radius" src="http://tva1.sinaimg.cn/crop.0.2.1242.1242.50/78ed3187jw8fbjl579c9nj20yi0ymmyf.jpg" width="50" height="50" alt="新浪新闻"></a>
                        </div>
                        <div class="private_cont">
                            <div class="cont_top clearfix">
                                <div class="cont_top_left W_fl">
                                    <p class="name W_autocut">
                                        <a href="javascript:void(0);" class="S_txt1 W_fb W_f14">新浪新闻</a>
                                        <a target="_blank" href="javascript:;">
                                            <i title="微博官方认证" class="W_icon icon_approve_co"></i>
                                        </a>
                                        <a title="微博会员" target="_blank" href="javascript:;">
                                            <em class="W_icon icon_member4"></em>
                                        </a>
                                    </p>
                                </div>
                                <div class="cont_top_right W_fr clearfix">
                                    <p class="data W_fl S_txt2">7分钟前</p>
                                    <div class="more W_fl">
                                        <a href="javascript:void(0);" class="W_ficon ficon_arrow_up W_f16 S_ficon">c</a></div>
                                </div>
                            </div>
                            <div class="cont_btm clearfix">
                                <p class="W_autocut page S_txt2 W_f14">http://t.cn/RaEu1sU</p>
                                <div class="number">
                                    <a href="javascript:void(0);">
                                        <em class="W_new_count S_spetxt_bg">10</em></a>
                                </div>
                            </div>
                        </div>
                        <!-- 下拉列表 -->
                        <div class="layer_menu_list" style="display:none;">
                            <ul>
                                <li>
                                    <a href="javascript:void(0);">删除对话</a></li>
                                <li>
                                    <a href="javascript:void(0);">屏蔽私信</a></li>
                                <li>
                                    <a href="javascript:void(0);">加入黑名单</a></li>
                            </ul>
                        </div>
                        <!-- 下拉列表 --></div>
                    <div class="private_list SW_fun_bg S_line2 clearfix " style="z-index: 86;">
                        <div class="private_user W_fl">
                            <a href="javascript:void(0);" class="face">
                                <img class="W_face_radius" src="http://tva1.sinaimg.cn/crop.0.0.100.100.50/0060QbCOjw8eq5puiz85yj302s02s3yd.jpg" width="50" height="50" alt="Sakura丶朔"></a>
                        </div>
                        <div class="private_cont">
                            <div class="cont_top clearfix">
                                <div class="cont_top_left W_fl">
                                    <p class="name W_autocut">
                                        <a href="javascript:void(0);" class="S_txt1 W_fb W_f14">Sakura丶朔</a></p>
                                </div>
                                <div class="cont_top_right W_fr clearfix">
                                    <p class="data W_fl S_txt2">5月17日 16:02</p>
                                    <div class="more W_fl">
                                        <a href="javascript:void(0);" class="W_ficon ficon_arrow_up W_f16 S_ficon">c</a></div>
                                </div>
                            </div>
                            <div class="cont_btm clearfix">
                                <p class="W_autocut page S_txt2 W_f14">asdfasdf</p>
                                <div class="number"></div>
                            </div>
                        </div>
                        <!-- 下拉列表 -->
                        <div class="layer_menu_list" style="display:none;">
                            <ul>
                                <li>
                                    <a href="javascript:void(0);">删除对话</a></li>
                                <li>
                                    <a href="javascript:void(0);">屏蔽私信</a></li>
                                <li>
                                    <a href="javascript:void(0);">加入黑名单</a></li>
                            </ul>
                        </div>
                        <!-- 下拉列表 --></div>
                    <!-- 单条文字 --></div>
                <!-- 翻页 -->
                <div class="WB_cardpage S_line1">
                    <div class="W_pages">
                        <a href="javascript:void(0);" class="page_dis page prev S_txt1 S_line1">上一页</a>
                        <a class="page S_txt1 S_bg1">1</a>
                        <a class="page S_txt1">2</a>
                        <a class="page next S_txt1 S_line1">下一页</a></div>
                </div>
                <!-- 翻页 --></div>
        </div>
    </div>
@endsection

@section('v6_pl_content_messagecontacts')
<div id="v6_pl_content_messagecontacts">
    <!--Houston, Tranquility Base here. The Eagle has landed-->
    <!-- weibo webPage chat -->
    <div class="WB_cardwrap S_bg2">
        <div class="WB_webim_page">
            <div class="webchat_enter S_bg2" id="weibochat" style="position: fixed;">
                          <span class="wchat_btn W_fl">
                            <em class="wchat_icon"></em>
                          </span>
                <span class="webchat_txt W_fl">微博聊天网页版</span>
                <a href="javascript:void(0)" class="W_ficon ficon_arrow_right S_ficon W_fr">a</a></div>
            <div class="W_layer_tips" id="webchatTip" style="visibility: hidden; display: none; left: 836px; position: fixed;">
                <div class="content">
                    <div class="txt">
                        <p>全新的聊天工具来啦！更畅快的聊天体验，猛戳试用</p>
                    </div>
                </div>
                <div class="W_layer_arrow">
                            <span class="W_arrow_bor W_arrow_bor_r">
                              <i class="S_line3"></i>
                              <em class="S_bg2_br"></em>
                            </span>
                </div>
            </div>
        </div>
    </div>
    <!-- 最近对话人列表 -->
    <div class="WB_cardwrap S_bg2">
        <div class="WB_webim_page">
            <div class="webim_contacts_mod S_bg2" id="rightcontacts" style="top: 130px; position: fixed;">
                <!-- 联系人列表-头部 -->
                <div class="webim_contacts_hd">
                    <!-- 搜索 -->
                    <div class="webim_serch">
                              <span class="WB_search_s">
                                <input type="text" placeholder="查找联系人或群" class="W_input">
                                <span class="pos">
                                  <a href="javascript:void(0);" title="搜索" class="W_ficon ficon_search S_ficon S_ficon_dis">f</a></span>
                              </span>
                    </div>
                    <!-- 搜索 -->
                    <!-- tab按钮 -->
                    <div class="webim_tab_btn">
                        <div class="WB_minitab">
                            <ul class="minitb_ul S_line1 S_bg1 clearfix">
                                <li class="minitb_item S_line1 current">
                                    <a href="javascript:void(0);" class="minitb_lk S_txt1 S_bg2">联系人</a>
                                    <span class="cur_block"></span>
                                </li>
                                <li class="minitb_item S_line1">
                                    <a href="javascript:void(0);" class="minitb_lk S_txt1">群</a>
                                    <span class="cur_block"></span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- tab按钮 --></div>
                <!-- 联系人列表-头部 -->
                <div class="webim_contacts_bd" style="overflow: hidden; position: relative;">
                    <div class="webim_tab_bd" style="display:none"></div>
                    <div class="webim_tab_bd">
                        @foreach($groups as $key => $value)
                            <div class="webim_contacts_group mt10" gid="{{$value->group_id}}" c="{{$value->group_member_count}}">
                                <div class="webim_group_title">
                                    <a class="group_title_cont S_txt1" href="javascript:;">
                                        <em class="W_ficon ficon_arrow_right_lite S_ficon">i</em>
                                        <span class="name">{{$value->group_name}}</span>（<span class="number">{{$value->group_member_count}}</span>）</a></div>
                                <ul class="webim_contacts_list" style="display:none;"></ul>
                            </div>
                        @endforeach
                        <div style="position:absolute;left:0;" class="webim_contacts_group S_bg2"></div>
                    </div>
                    <div class="webim_tab_bd" style="display:none"></div>
                    <div class="webim_tab_bd" style="display:none"></div>
                    <div style="right:0;" class="W_scroll_y S_bg1">
                        <div style="display:none;" class="bar S_txt2_bg"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 最近对话人列表 --></div>
@endsection